<%-- 
    Document   : adm_usuarios
    Created on : 22-sep-2010, 17:40:16
    Author     : Estudio
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>USUARIOS</title>
        <link rel="stylesheet" type="text/css" href="library/css/adm_style.css" />
        <link rel="stylesheet" type="text/css" href="library/css/pro_dropdown_2.css" />
        <script src="library/js/stuHover.js" type="text/javascript"></script>
    </head>
     <body>

                <!-- Header -->
                <div id="header">
                    <%@ include file="adm_header.jsp" %>
                </div>
                <!-- End Header -->

                <!--  Container -->
                <div id="container">
                         <div class="shell">


                            <!-- Small Nav -->
                            <div class="small-nav">
                                    <a href="#">Dashboard</a>
                                    <span>&gt;</span>
                                    Usuarios
                            </div>
                            <!-- End Small Nav -->

                            <!-- Message OK -->
                            <div class="msg msg-ok" style="display:none">
                                    <p><strong>Your file was uploaded succesifully!</strong></p>
                                    <a href="#" class="close">close</a>
                            </div>
                            <!-- End Message OK -->

                            <!-- Message Error -->
                            <div class="msg msg-error" style="display:none">
                                    <p><strong>You must select a file to upload first!</strong></p>
                                    <a href="#" class="close">close</a>
                            </div>
                            <!-- End Message Error -->

                            <!-- Main -->
                            <div id="main">
                                    <div class="cl">&nbsp;</div>

                                    <!-- Content -->
                                    <div id="content">

                                            <!-- Box -->
                                            <div class="box">
                                                    <!-- Box Head -->
                                                    <div class="box-head">
                                                            <h2 class="left">Usuarios</h2>
                                                            <div class="right">
                                                                    <label>Buscar Usuarios</label>
                                                                    <input type="text" class="field small-field" />
                                                                    <input type="submit" class="button" value="Buscar" />
                                                            </div>
                                                    </div>
                                                    <!-- End Box Head -->

                                                    <!-- Table -->
                                                    <div class="table">
                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <th width="13"><input type="checkbox" class="checkbox"/></th>
                                                                            <th>Nombre</th>
                                                                            <th>Usuario</th>
                                                                            <th>Email</th>
                                                                            <th>Estado</th>
                                                                            <th>Fecha</th>
                                                                            <th>Grupo</th>
                                                                            <th width="110" class="ac">Opciones</th>
                                                                    </tr>
                                                                    <tr>
                                                                            <td><input type="checkbox" class="checkbox" disabled /></td>
                                                                            <td><h3><a href="#">Administrador</a></h3></td>
                                                                            <td>admin</td>
                                                                            <td>user01@abrs.com</td>
                                                                            <td>Activo</td>
                                                                            <td>01/01/2010</td>
                                                                            <td><a href="#">Administrador</a></td>
                                                                            <td><a href="#" class="ico del">Eliminar</a><a href="#" class="ico edit">Editar</a></td>
                                                                    </tr>
                                                                    <tr class="odd">
                                                                            <td><input type="checkbox" class="checkbox" /></td>
                                                                            <td><h3><a href="#">Usuario 02</a></h3></td>
                                                                            <td>user02</td>
                                                                            <td>user02@abrs.com</td>
                                                                            <td>Inactivo</td>
                                                                            <td>01/01/2010</td>
                                                                            <td><a href="#">Administración</a></td>
                                                                            <td><a href="#" class="ico del">Eliminar</a><a href="#" class="ico edit">Editar</a></td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td><input type="checkbox" class="checkbox" /></td>
                                                                            <td><h3><a href="#">Usuario 03</a></h3></td>
                                                                            <td>user03</td>
                                                                            <td>user03@abrs.com</td>
                                                                            <td>Inactivo</td>
                                                                            <td>01/01/2010</td>
                                                                            <td><a href="#">Call Center</a></td>
                                                                            <td><a href="#" class="ico del">Eliminar</a><a href="#" class="ico edit">Editar</a></td>
                                                                    </tr>
                                                                    <tr class="odd">
                                                                            <td><input type="checkbox" class="checkbox" /></td>
                                                                            <td><h3><a href="#">Usuario 04</a></h3></td>
                                                                            <td>user04</td>
                                                                            <td>user04@abrs.com</td>
                                                                            <td>Activo</td>
                                                                            <td>01/01/2010</td>
                                                                            <td><a href="#">Ventas</a></td>
                                                                            <td><a href="#" class="ico del">Eliminar</a><a href="#" class="ico edit">Editar</a></td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td><input type="checkbox" class="checkbox" /></td>
                                                                            <td><h3><a href="#">Usuario 05</a></h3></td>
                                                                            <td>user05</td>
                                                                            <td>user05@abrs.com</td>
                                                                            <td>Inactivo</td>
                                                                            <td>01/01/2010</td>
                                                                            <td><a href="#">Ventas</a></td>
                                                                            <td><a href="#" class="ico del">Eliminar</a><a href="#" class="ico edit">Editar</a></td>
                                                                    </tr>
                                                                    <tr class="odd">
                                                                            <td><input type="checkbox" class="checkbox" /></td>
                                                                            <td><h3><a href="#">Usuario 06</a></h3></td>
                                                                            <td>user06</td>
                                                                            <td>user06@abrs.com</td>
                                                                            <td>Inactivo</td>
                                                                            <td>01/01/2010</td>
                                                                            <td><a href="#">Call Center</a></td>
                                                                            <td><a href="#" class="ico del">Eliminar</a><a href="#" class="ico edit">Editar</a></td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td><input type="checkbox" class="checkbox" /></td>
                                                                            <td><h3><a href="#">Usuario 07</a></h3></td>
                                                                            <td>user07</td>
                                                                            <td>user07@abrs.com</td>
                                                                            <td>Inactivo</td>
                                                                            <td>01/01/2010</td>
                                                                            <td><a href="#">Ventas</a></td>
                                                                            <td><a href="#" class="ico del">Eliminar</a><a href="#" class="ico edit">Editar</a></td>
                                                                    </tr>
                                                                    <tr class="odd">
                                                                            <td><input type="checkbox" class="checkbox" /></td>
                                                                            <td><h3><a href="#">Usuario 08</a></h3></td>
                                                                            <td>user08</td>
                                                                            <td>user08@abrs.com</td>
                                                                            <td>Activo</td>
                                                                            <td>01/01/2010</td>
                                                                            <td><a href="#">Administración</a></td>
                                                                            <td><a href="#" class="ico del">Eliminar</a><a href="#" class="ico edit">Editar</a></td>
                                                                    </tr>
                                                            </table>


                                                            <!-- Pagging -->
                                                            <div class="pagging">
                                                                    <div class="left">Resultados 1-12 of 44</div>
                                                                    <div class="right">
                                                                            <a href="#">Anterior</a>
                                                                            <a href="#">1</a>
                                                                            <a href="#">2</a>
                                                                            <a href="#">3</a>
                                                                            <a href="#">4</a>
                                                                            <a href="#">245</a>
                                                                            <span>...</span>
                                                                            <a href="#">Siguiente</a>
                                                                            <a href="#">Mostrar Todos</a>
                                                                    </div>
                                                            </div>
                                                            <!-- End Pagging -->

                                                    </div>
                                                    <!-- Table -->

                                            </div>
                                            <!-- End Box -->

                                            <!-- Box -->
                                            <div class="box" style="display:none">
                                                    <!-- Box Head -->
                                                    <div class="box-head">
                                                            <h2>Add New Article</h2>
                                                    </div>
                                                    <!-- End Box Head -->

                                                    <form action="" method="post">

                                                            <!-- Form -->
                                                            <div class="form">
                                                                            <p>
                                                                                    <span class="req">max 100 symbols</span>
                                                                                    <label>Article Title <span>(Required Field)</span></label>
                                                                                    <input type="text" class="field size1" />
                                                                            </p>
                                                                            <p class="inline-field">
                                                                                    <label>Date</label>
                                                                                    <select class="field size2">
                                                                                            <option value="">23</option>
                                                                                    </select>
                                                                                    <select class="field size3">
                                                                                            <option value="">July</option>
                                                                                    </select>
                                                                                    <select class="field size3">
                                                                                            <option value="">2009</option>
                                                                                    </select>
                                                                            </p>

                                                                            <p>
                                                                                    <span class="req">max 100 symbols</span>
                                                                                    <label>Content <span>(Required Field)</span></label>
                                                                                    <textarea class="field size1" rows="10" cols="30"></textarea>
                                                                            </p>

                                                            </div>
                                                            <!-- End Form -->

                                                            <!-- Form Buttons -->
                                                            <div class="buttons">
                                                                    <input type="button" class="button" value="preview" />
                                                                    <input type="submit" class="button" value="submit" />
                                                            </div>
                                                            <!-- End Form Buttons -->
                                                    </form>
                                            </div>
                                            <!-- End Box -->

                                    </div>
                                    <!-- End Content -->

                                    <!-- Sidebar -->
                                    <div id="sidebar">

                                            <!-- Box -->
                                            <div class="box">

                                                    <!-- Box Head -->
                                                    <div class="box-head">
                                                            <h2>Administración</h2>
                                                    </div>
                                                    <!-- End Box Head-->

                                                    <div class="box-content">
                                                            <a href="#" class="add-button"><span>Nuevo Usuario</span></a>
                                                            <div class="cl">&nbsp;</div>

                                                            <p class="select-all"><input type="checkbox" class="checkbox" /><label>Seleccione Todos</label></p>
                                                            <p><a href="#">Eliminar seleccionado(s)</a></p>

                                                            <!-- Sort -->
                                                            <div class="sort">
                                                                    <label>Sort by</label>
                                                                    <select class="field">
                                                                            <option value="">Título</option>
                                                                    </select>
                                                                    <select class="field">
                                                                            <option value="">Fecha</option>
                                                                    </select>
                                                                    <select class="field">
                                                                            <option value="">Autor</option>
                                                                    </select>
                                                            </div>
                                                            <!-- End Sort -->

                                                    </div>
                                            </div>
                                            <!-- End Box -->
                                    </div>
                                    <!-- End Sidebar -->

                                    <div class="cl">&nbsp;</div>
                            </div>
                            <!-- Main -->
                    </div>
                        </div>
                <!--  End Container -->

                <!-- Footer -->
                    <div id="footer">
                     <%@ include file="adm_footer.jsp" %>
                    </div>
                <!-- End Footer -->




    </body>
</html>
